.approval-management {
  height: 100%;
}

.tab-bar {
  position: fixed;
  width: 100%;
  height: 80rpx;
  display: flex;
  background-color: #fff;
  z-index: 99;
  .tab-title {
    display: flex;
    flex: 1;
    height: 80rpx;
    justify-content: center;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    align-items: center;
    .title-text {
      width: 100%;
      height: 40rpx;
      line-height: 40rpx;
      font-size: 36rpx;
      text-align: center;
      color: #aaa;
    }
  }
  // .split-text {
  //   border-left: 1px solid #dbdbdb;
  // }
  .active-title {
    border-bottom: 2px solid #fff;
    .title-text {
      color: #009688;
    }
  }
}

.tab-content {
  height: 100%;
  margin-top: 90rpx;
  overflow: scroll;
}

.i-initiated-list,
.my-approval-list {
  padding-top: 130rpx;
  padding-bottom: 500rpx;
  height: 100%;
  overflow: scroll;
  .notification-item {
    position: relative;
    height: 150rpx;
    padding: 0 20rpx;
    background-color: #fff;
    border-bottom: 1px solid #dbdbdb;
    .notice-logo {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      border: 2px solid #009688;
      width: 100rpx;
      height: 100rpx;
      border-radius: 50%;
      justify-content: center;
      align-items: center;
      img {
        width: 70rpx;
        height: 70rpx;
      }
    }
    .notice-title {
      position: absolute;
      left: 160rpx;
      top: 20rpx;
      font-size: 36rpx;
    }
    .notice-desc {
      position: absolute;
      left: 160rpx;
      top: 80rpx;
      color: #aaa;
      width: 550rpx;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .notice-time {
      position: absolute;
      right: 20rpx;
      top: 20rpx;
      color: #ccc;
    }
  }
  .get-more-info {
    margin-top: 20px;
    text-align: center;
    color: #009688;
  }
  .get-all {
    margin-top: 20px;
    text-align: center;
    color: #dbdbdb;
  }
}

.select-condition-block {
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  height: 120rpx;
  z-index: 99;
  display: flex;
  padding: 20rpx;
  font-size: 32rpx;
  color: #9699a1;
  background-color: #fff;
  .state-selector,
  .type-selector {
    width: 300rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 80rpx;
    border: 1px solid #e0e3ea;
    box-shadow: inset 0 0 10px #dbdbdb;
    border-radius: 10rpx;
  }
}
